<template>
  <div>
    <div v-text="content"></div>
    身份证明类型
    <input type="radio" v-model="checked" value="1" />身份证
    <input type="radio" v-model="checked" value="2" />护照
    <input type="radio" v-model="checked" value="3" />学生证
    <input type="radio" v-model="checked" value="4" />驾驶证
    <input type="radio" v-model="checked" value="0" />其他
    <button @click="but">提交上传</button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      content: '啦啦啦啦',
      checked: '1',
    }
  },
  methods: {
    but() {
      const id = { card: this.checked }
      console.log(id)
    },
  },
}
</script>
<!-- v-text和v-html的区别在于 -->
<!-- v-text:只能渲染纯文本，数据就算有标签结构，也会解析成普通字符 -->
<!-- v-html,如果数据里面有了标签，他会把标签当做真实的dom渲染 -->
<!-- 后端返回的数据如果就是dom结构，需要v-html -->
<!-- V-text和差值表达式 -->
<!-- 1如果渲染整个标签的内容 -->
<!-- 2如果只渲染标签里面的部分内容，v-text不可以，因为他会替换整个标签内容 -->
